<template>

  <div id="app">


    <transition mode="out-in">
      <router-view/>
    </transition>
  </div>
</template>
<script>
  export default {
    data() {
      return {

      };
    },
    methods: {

    }
  };
</script>

<style>
  .v-enter,
  .v-leave-to {
    opacity: 0;
    transform: translateX(150px);
  }

  .v-enter-active,
  .v-leave-active {
    transition: all 0.5s ease;
  }
</style>